<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="style/font.css">
  <link rel="stylesheet" href="js/lib/swiper/swiper.min.css">
  <link rel="stylesheet" href="style/specIndex.css">
</head>
<body>
<div class="head" id="head-g">
  <div class="container clearfix">
    <a class="logo">
      <img src="img/logo.png" alt="">
    </a>
    <!-- 未登录-->
    <div class="loginBox">
      <a class="iconfont icon-denglu"></a>
      <a id="loginBtn">登录</a>
      <a>|</a>
      <a>注册</a>
    </div>
    <!-- 已登录-->
    <!--         <div class="loginBox">-->
    <!--             <a class="iconfont icon-denglu"></a>-->
    <!--             <a>胖西</a>-->
    <!--             <div class="downBtn">-->
    <!--                 <a href="">退出</a>-->
    <!--             </div>-->
    <!--         </div>-->
  </div>
</div>
<div class="swiper-container" id="carousel">
  <div class="swiper-wrapper">
    <a class="swiper-slide swiper-no-swiping" style="background-image: url('img/banner.jpg')">

    </a>
  </div>
  <div class="swiper-pagination"></div>
</div>
<!--导航-->
<div class="nav-g">
  <div class="container">
      <a href="" class="active">活动公告</a>
      <a href="">参赛作品</a>
      <a href="">获奖作品</a>
      <a href="">证书查询</a>
      <a href="">我的作品</a>
      <a href="">上传作品</a>
  </div>
</div>
<!--锚点-->
<div class="maodianBox">
  <div class="container">
    <a href="" class="maodi active">活动公告</a>
    <a href="" class="maodi">操作指南</a>
    <a href="" class="maodi">投稿说明</a>
  </div>
</div>
<!--活动-->
<div class="actBox">
  <div class="act container" id="act">
    <div class="a-title">
      <img src="img/img-hdjs.png" alt="">
    </div>
    <div class="zw">
      品味书香盛宴，共享悦读时光，打开假期的正确方式，从读一本好书开始2024年“新华书店杯：寒假读—本好书”活动已全面启动
      对话经典名著，书写阅读之美，同时还设置了丰厚的大奖“阅读先锋""阅读之星""阅读达人”“优秀指导老师""最美领读人”百名大奖等你拿
      快和我们一起开启寒假悦读之旅吧!
    </div>
    <div class="a-title">
      <img src="img/title-hdlc.png" alt="">
    </div>
    <div class="zw-lc clearfix">
      <div class="zw-item">
        <img src="img/progess.png"  class="pro" alt="">
        <div class="zw-top">
          <img src="img/sep1.png" class="step" alt="">
        </div>
        <div class="zw-text">
          12月20日-3月15日<br/>
          作品征集
        </div>
      </div>
      <div class="zw-item">
        <img src="img/progess.png"  class="pro" alt="">
        <div class="zw-top">
          <img src="img/sep2.png" class="step" alt="">
        </div>
        <div class="zw-text">
          12月20日-3月15日<br/>
          作品征集
        </div>
      </div>
      <div class="zw-item">
        <img src="img/progess.png"  class="pro" alt="">
        <div class="zw-top">
          <img src="img/sep3.png" class="step" alt="">
        </div>
        <div class="zw-text">
          12月20日-3月15日<br/>
          作品征集
        </div>
      </div>
      <div class="zw-item">
        <img src="img/progess.png"  class="pro" alt="">
        <div class="zw-top">
          <img src="img/sep4.png" class="step" alt="">
        </div>
        <div class="zw-text">
          12月20日-3月15日<br/>
          作品征集
        </div>
      </div>
      <div class="zw-item">
        <img src="img/progess.png"  class="pro" alt="">
        <div class="zw-top">
          <img src="img/sep5.png" class="step" alt="">
        </div>
        <div class="zw-text">
          12月20日-3月15日<br/>
          作品征集
        </div>
      </div>
    </div>
    <div class="a-title">
      <img src="img/title-jxsz.png" alt="">
    </div>
    <div class="zw-set clearfix">
      <div class="zw-set-item">
        <div class="inner">
          <div class="title">阅读先锋20名</div>
          <div class="cont">
            奖品：奖励阅读书卡500元、
            获奖证书一张、价值200元图
            书套装
          </div>
        </div>
      </div>
      <div class="zw-set-item">
        <div class="inner">
          <div class="title">阅读之星20名</div>
          <div class="cont">
            奖品：奖励阅读书卡300元、
            获奖证书一张书套装
          </div>
        </div>
      </div>
      <div class="zw-set-item">
        <div class="inner">
          <div class="title">阅读达人50名</div>
          <div class="cont">
            奖品：奖励经典领读人阅读
            书卡一张、获奖证书一张
          </div>
        </div>
      </div>
      <div class="zw-set-item">
        <div class="inner">
          <div class="title">优秀指导老师50名</div>
          <div class="cont">
            奖品：奖励阅读书卡500元、
            获奖证书一张
          </div>
        </div>
      </div>
      <div class="zw-set-item">
        <div class="inner">
          <div class="title">优秀指导老师50名</div>
          <div class="cont">
            奖品：奖励阅读书卡500元、
            获奖证书一张
          </div>
        </div>
      </div>
    </div>
    <div class="a-title">
      <img src="img/czzn.png" alt="">
    </div>
    <div class="zw-guide clearfix">
      <div class="gui-left">
        <video src="" controls id="vidoe-guide"></video>
        <div class="info">
          1. 参赛作品须由WHEE生成，可配合其他设计工具进行简单的修饰和后期。<br/>
          2. 参赛作品描述需包含生成画面的诗词。<br/>
          3.请务必从本赛事页面内点击[上传作品] 按钮或WHEE创作页面，进行参赛作品投稿提交。<br/>
          4.上传作品时如遇网页卡顿，刷新页面后，请勿将草稿箱内作品直接上传，仍需进入赛事页面内再次进行上传。<br/>
        </div>
      </div>
      <div class="gui-right">
        <div class="codeBox">
          <img src="img/code.png" alt="">
          <div class="codeUp">
            <!--             <img src="" alt="二维码图片">-->
          </div>
          <div class="row">
            微信扫码关注
          </div>
          <div class="row">
            客服电话：027-888888
          </div>
          <div class="row">
            客服邮箱：xxxxxxxxx
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="footer" id="footer">
  <div class="row clearfix">
    <div class="item"><a href="https://basic.smartedu.cn/">国家中小学智慧教育</a></div>
    <div class="item"><a href="https://jyt.hubei.gov.cn/">湖北省教育厅</a></div>
    <div class="item"><a href="http://www.e21.cn/">湖北教育信息网</a></div>
    <div class="item"><a href="http://www.hbea.edu.cn/">湖北省教育考试网</a></div>
    <div class="item"><a href="https://www.cjcb.com.cn/">长江出版传媒集团</a></div>
  </div>
  <div class="row record-row">
    <img src="img/record2.png" alt="鄂公网安备" />
    <pre><span>  鄂公网安备 42010402000414号   |   鄂ICP备13007865号-3   |   经营证照  </span></pre>
    <img src="img/record1.png" alt="鄂公网安备" />
  </div>
  <div class="row Copyright-row">
    <span>Copyright© 湖北省新华书店(集团)有限公司</span>
  </div>
</div>
<!--  这里是弹窗-->
<div class="dialog" id="dialog-login" style="display: none;">
  <div class="codeBox form" style="display: none;" id="loginWeixin">
    <img src="" class="codeImg" alt="">
    <div class="code-name">
      微信扫码登录
    </div>
  </div>
  <form class="inputBox form" style="display:none;" id="loginCode">
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-wode2"></span>
      </div>
      <input type="text" id="mobileCode" placeholder="请输入手机号码">
    </div>
    <div class="inputItem-type2">
      <div class="inputItem-type2-left">
        <div class="label">
          <span class="iconfont icon-zhanghaoshezhi"></span>
        </div>
        <input type="password" id="code" placeholder="请输入验证码">
      </div>
      <div class="inputItem-type2-right">
        <div class="">获取短信验证码</div>
      </div>
    </div>
    <div class="tipBox">
      <a class="tipLeft">没有账号？去注册</a>
      <a class="tipRight toRePass">忘记密码？</a>
    </div>
    <div class="loginBtnBox">
      <div class="loginBtn">登录</div>
    </div>
  </form>
  <form class="inputBox form" id="loginUser">
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-wode2"></span>
      </div>
      <input type="text" id="mobile" placeholder="请输入手机号码">
    </div>
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-zhanghaoshezhi"></span>
      </div>
      <input type="text" id="mobile" placeholder="请输入密码">
    </div>
    <div class="tipBox">
      <a class="tipLeft toRes">没有账号？去注册</a>
      <a class="tipRight toRePass">忘记密码？</a>
    </div>
    <div class="loginBtnBox">
      <button class="loginBtn" type='submit'>登录</button>
    </div>
  </form>
  <div class="line-text">
    <div class="leftLine Line"></div>
    <div class="text">其他登录方式</div>
    <div class="rightLine Line"></div>
  </div>
  <div class="dialogBtn">
    <div class="btn" id="loginWeixinBtn" >
      <span class="iconfont icon-31saoma"></span>
      扫码登录
    </div>
    <div class="btn" id="loginUserBtn" style="display: none;">
      <span class="iconfont icon-shouji"></span>
      账号登录
    </div>
    <div class="btn" id="loginCodeBtn">
      <span class="iconfont icon-zhanghaoshezhi"></span>
      短信登录
    </div>
  </div>
  <div class="policy">
    注册登录即代表同意 <a href="">《用户协议》</a> 和 <a href="">《隐私政策》</a>
  </div>
</div>

<div class="dialog" id="dialog-reg" style="display: none">
  <form class="inputBox">
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-wode2"></span>
      </div>
      <input type="text" id="mobileCode" placeholder="请输入手机号码">
    </div>
    <div class="inputItem-type2">
      <div class="inputItem-type2-left">
        <div class="label">
          <span class="iconfont icon-zhanghaoshezhi"></span>
        </div>
        <input type="password" id="code" placeholder="请输入验证码">
      </div>
      <div class="inputItem-type2-right">
        <div class="">获取短信验证码</div>
      </div>
    </div>
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-zhanghaoshezhi"></span>
      </div>
      <input type="password" id="mobileCode" placeholder="请输入8-16位字母、数字或符号2种及以上组合">
    </div>
    <div class="tipBox">
      <a class="tipLeft" style="cursor: pointer" id="goLogin">已有账号？去登录</a>
    </div>
    <div class="loginBtnBox">
      <div class="loginBtn">注册</div>
    </div>
  </form>
  <div class="policy">
    注册登录即代表同意 <a href="">《用户协议》</a> 和 <a href="">《隐私政策》</a>
  </div>
</div>


<div class="dialog" id="dialog-re-pass" style="display: none">
  <form class="inputBox">
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-wode2"></span>
      </div>
      <input type="text" id="mobileCode" placeholder="请输入手机号码">
    </div>
    <div class="inputItem-type2">
      <div class="inputItem-type2-left">
        <div class="label">
          <span class="iconfont icon-zhanghaoshezhi"></span>
        </div>
        <input type="password" id="code" placeholder="请输入验证码">
      </div>
      <div class="inputItem-type2-right">
        <div class="">获取短信验证码</div>
      </div>
    </div>
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-zhanghaoshezhi"></span>
      </div>
      <input type="password" id="mobileCode" placeholder="请输入8-16位字母、数字或符号2种及以上组合">
    </div>
    <div class="tipBox">
      <a class="tipLeft toRes" style="cursor: pointer">新用户注册</a>
    </div>
    <div class="loginBtnBox">
      <div class="loginBtn">确认重置</div>
    </div>
  </form>
</div>
<script src="js/lib/jquery/jquery-1.2.3.min.js"></script>
<script src="js/lib/layer3.11/layer.js"></script>
<script src="js/lib/swiper/swiper.min.js"></script>
<script src="js/public.js"></script>
<!--<script src="js/index.js"></script>-->
</body>
</html>
